﻿<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <meta content="telephone=no" name="format-detection">
    <meta content="email=no" name="format-detection">
    <meta name="screen-orientation" content="portrait">
    <meta name="x5-orientation" content="portrait">
    <title>闪电极送</title>
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/libs/iconfont.css">
    <link rel="stylesheet" href="css/libs/weui.min.css">
    <!-- <link rel="stylesheet" href="css/libs/swiper-3.4.2.min.css">  -->
    <link rel="stylesheet" href="css/libs/jquery-weui.min.css">

    <script src="js/libs/rem_quick.js"></script>
</head>

<body class="sdjs_index">
    <!-- 顶部 -->
    <section>
        <header class="sd_nav flex_row">
            <div class="" id="select_city">郑州<i class="iconfont icon-moreunfold"></i></div>
            <a href="javascript:;" id="open_center"><i class="iconfont icon-account"></i></a>
        </header>
    </section>
    <!-- swiper轮播图插件 -->
    <section class="banner">
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide"><img src="img/banner2.jpg" alt=""></div>
                <div class="swiper-slide"><img src="img/banner1.jpg" alt=""></div>
            </div>
            <!-- 如果需要分页器 -->
            <div class="swiper-pagination">12</div>
        </div>
    </section>
    <!-- 分页选项区 -->
    <section>
        <div class="sd_tab">
            <div class="flex_row">
                <a class="item flex_column" id="sd_deliver" href="html/sd_deliver.html">
                    <img src="img/sd_deliver.jpg" alt="">
                    <span>代送·Deliver</span>
                </a>
                <span class="v_line"><div></div></span>
                <a class="item flex_column" href="html/sd_buy.html" id="sd_buy">
                    <img src="img/sd_buy.jpg" alt="">
                    <span>代买·Buy</span>
                </a>
            </div>
            <div class="flex_row">
                <div class="h_line"></div>
                <div class="h_line"></div>
            </div>
            <div class="flex_row">
                <a class="item flex_column" id="sd_take" href="html/sd_take.html?">
                    <img src="img/sd_take.jpg" alt="">
                    <span>代取·Take</span>
                </a>
                <span class="v_line"><div></div></span>
                <a class="item flex_column" id="sd_queue" href="html/sd_queue.html?">
                    <img src="img/sd_queue.jpg" alt="">
                    <span>代排队·Queue</span>
                </a>
            </div>
        </div>
    </section>
    <!-- 遮罩层控件 -->
    <div class="mask">
        <div class="bg"></div>
        <!-- 登陆界面 -->
        <div class="login_box flex_column" id="login_box" style="display:none">
            <h4 class="tit">登录<i class="close iconfont icon-close"></i></h4>
            <div class="login_main flex_row flex_between">
                <div class="left">
                    <input class="login" type="tel" id="user_tel" placeholder="请输入11位手机号" />
                    <input class="password" type="password" id="user_pwd" placeholder="请输入密码" />
                    <span id="forget_password">忘记密码</span>

                </div>
                <div class="right">
                    <button id="user_login">登录</button>
                    <span id="register_tab">新用户</span>
                </div>
            </div>
        </div>
        <!-- 注册界面 -->
        <div class="login_box flex_column" id="register_box" style="display:none">
            <h4 class="tit">新用户注册<i class="close iconfont icon-close"></i></h4>
            <div class="login_main flex_row" id="register_main">
                <input class="login" type="tel" id="login_tel" placeholder="请输入11位手机号" />
                <div class="imgVercode_row code_row">
                    <input type="text" id="img_vercode" placeholder="请输入图片验证码" />
                    <img id="verifyCodeImg" src="../SDJS_TuiJian/VerifyCode.aspx?" alt="" class="verifyCodeImg" />
                </div>
                <div class="vercode_row code_row">
                    <input type="text" id="input_vercode" placeholder="请输入短信验证码" />
                    <button class="get_vercode">获取验证码</button>
                </div>
                <input class="password" type="password" id="set_pwd" placeholder="设置6-20位字母数字密码" />
                <button id="register">注册</button>
                <span id="login_tab">已有账号</span>
            </div>
        </div>
        <!-- 找回密码 -->
        <div class="login_box flex_column" id="retrieve_box" style="display:none">
            <h4 class="tit">找回密码<i class="close iconfont icon-close"></i></h4>
            <div class="login_main flex_row">
                <div class="left">
                    <input class="login" type="tel" id="ret_tel" placeholder="请输入11位手机号" />
                    <div class="vercode_row">
                        <input type="text" id="ret_vercode" placeholder="请输入验证码" />
                        <button class="get_vercode">获取验证码</button>
                    </div>
                    <input class="password" type="password" id="ret_pwd" placeholder="设置6-12位字母数字密码" />
                </div>
                <div class="right">
                    <button id="retrieve_submit">提交</button>
                    <span id="rlogin_tab">登陆</span>
                </div>
            </div>
        </div>

        <!-- 个人中心 -->
        <div class="flex_column" id="user_center">
            <header class="header">
                <i class="iconfont icon-gerenzhongxin"></i>
                <p id="get_phone">150*****5765</p>
            </header>
            <div class="flex_column main">
                <a href="html/recharge.html"><i class="iconfont icon-chongzhi-"></i>充值</a>
                <a href="javascript:;" id="get_balance"><i class="iconfont icon-chongzhi"></i>余额<b id="balance_money"></b></a>
                <a href="html/coupon.html"><i class="iconfont icon-iconfontquan"></i>优惠券<b id="coupon_num"></b></a>
                <a href="html/my_order.html"><i class="iconfont icon-dingdan"></i>我的订单</a>
            </div>
            <footer>
                <span id="quit"><i class="iconfont icon-tuichu"></i></span>
            </footer>
        </div>
    </div>
</body>
<script src="js/libs/jquery-1.10.1.min.js"></script>
<script src="js/libs/jquery-weui.min.js"></script>
<script src="js/libs/swiper-3.4.2.jquery.min.js"></script>
<script src="js/common.js"></script>
<script src="js/index.js"></script>
<script type="text/javascript">
</script>

</html>